<template>
	<view>
		<view v-for="(item,index) in list" :key="index">
			<view class="item">
				<rich-text class="title" :nodes="item.content"></rich-text>
				<view class="ctime">
					{{item.ctime}}
			</view>
			
		<!-- 	<view class="title1" >
			{{item.content}}
			</view> -->
		</view>
		</view>
	</view>
</template>

<script>
	import {
		mapActions,
		mapState
	} from "vuex";
	import {
		AnnouncementList,
	} from '@/api/index.js'
	export default {
		components: {},
		computed: {

		},
		data() {
			return {
				type:0,
				list:[],
				data:{}

			}
		},
		computed: {
			...mapState([
				'baseColor'
			]),
		},
		onShow() {
	
		},
		onLoad(e) {
			
			this.loadData()
		},
		//下拉刷新
		onPullDownRefresh() {


		},
		//加载更多
		onReachBottom() {

		},
		onPageScroll(e) {
			// if (e.scrollTop > 20) {
			// 	this.backgroundColor = "#FBF9FF"
			// } else {
			// 	this.backgroundColor = "#ffffff00"
			// }
		},
		methods: {
			loadData () {
			var url=AnnouncementList
				var data = {
				}
				url(data).then(res => {
					this.list=res.data
				})
			},
			
			showToast(title) {
				uni.showToast({
					title: title,
					icon: 'none'
				})
			},
			toUrl(url) {
				uni.navigateTo({
					url: url
				})
			},
		}
	}
</script>

<style lang="scss">
.item{
	padding: 34rpx 30rpx;
	margin: 20rpx;
	background: #FFFFFF;
	border-radius: 12rpx 12rpx 12rpx 12rpx;
}
.title{
	font-family: PingFang SC, PingFang SC;
	font-weight: 550;
	font-size: 30rpx;
	color: #333333;
	margin-bottom: 20rpx;
}
.ctime{
	margin-top: 20rpx;
	font-family: PingFang SC, PingFang SC;
	font-weight: 400;
	font-size: 26rpx;
	color: #999999;
}
</style>